$(function() {
	mui.init();
	var req = {
		'gdid': localStorage.getItem('gdid'),
		'userid': localStorage.getItem('userid'),
		'token': localStorage.getItem('token')
	}
	mui.ready(function() {
		//加载框
		mui.showLoading("正在加载..", ".warn-list");
		Request(); //数据请求

	});
	var map = new BMap.Map("repair-map");
	//ajax请求处理数据
	function Request() {
		var url = domain + "/dtwbgl/wbgis.h5";
		$.ajax(url, {
			//data: JSON.stringify(req),
			data: req,
			dataType: 'json', //服务器返回json格式数据
			type: 'post', //HTTP请求类型
			timeout: 30000, //超时时间
			headers: {
				'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
			},
			async: true, //true异步加载
			success: function(data) {
				if (data.code == 2001) {
					//返回值处理
					var ref = data.data;
					console.log(data);
					//console.log(ref);
					//返回值数组是空的时候返回
					if (ref.length == 0) {
						//隐藏加载框
						mui.hideLoading(function() { //隐藏后的回调函数  
						});
						// 2019-01-17
						mui.alert('暂无数据,返回详情页', function() {
							/*mui.openWindow({
								url: '../../index.html',
							})*/
							window.history.go(-1);
						})
					}

					/** 数据处理 */
					var len = ref.length;
					var html = '';
					var firstTit = ref[0].title;
					var firstZb = ref[0].zb.split(',');
					var firstLag = firstZb[0];
					var firstLat = firstZb[1];

					for (var i = 0; i < len; i++) {
						var truename = ref[i].truename; //执行人
						var title = ref[i].title; //标题
						var zb = ref[i].zb; //坐标            
						html +=
							`
                        <div class="mui-table fee-tab-body">
                            <div class="mui-table-cell mui-text-center">
                                <p>${truename}</p>
                            </div>
                            <div class="mui-table-cell mui-text-center">
                                <p>${title}</p>
                            </div>
                            <div class="mui-table-cell mui-text-center">
                                <p>${zb}</p>
                            </div>
                        </div>
                        `;

					}

					liftMap(firstLag, firstLat); // 百度地图  先添加一个中心点
					/**添加标注 */
					for (var i = 0; i < len; i++) {
						var title = ref[i].title; //标题
						var zb = ref[i].zb; //坐标
						var zbArr = zb.split(",");
						var lag = zbArr[0]; //经度
						var lat = zbArr[1]; //纬度
						if (!lag && !lat) {
							mui.alert("地图定位暂时没有")
							liftMap("", ""); // 百度地图  先添加一个中心点
						} else if (lat == "4.9E-324") {
							mui.alert("地图定位暂时没有")
							liftMap("", ""); // 百度地图  先添加一个中心点
						} else {
							liftMap(lag, lat); // 百度地图  先添加一个中心点

						}
						var point = new BMap.Point(lag, lat);
						// var marker = new BMap.Marker(point);
						// map.addOverlay(marker);
						translateCallback = function(data) {
							if (data.status === 0) {
								var marker = new BMap.Marker(data.points[0]);
								//默认动画
								map.addOverlay(marker); //将标注添加到地图中
								//创建标注
								// var label2 = new BMap.Label(title, {
								//     offset: new BMap.Size(-20, 30)
								// });
								// label2.setStyle({
								//     width: "auto",
								//     color: '#fff',
								//     background: 'rgba(0,0,0,0.5)',
								//     border: 'none',
								//     borderRadius: "5px",
								//     textAlign: "center",
								//     height: "24px",
								//     lineHeight: "24px",
								//     padding: '0 3px '
								// });
								// marker.setLabel(label2);
								map.setCenter(data.points[0]);
							}
						}
						setTimeout(function() {
							var convertor = new BMap.Convertor();
							var pointArr = [];
							pointArr.push(point);
							convertor.translate(pointArr, 1, 5, translateCallback) //真实经纬度转成百度坐标
						}, 1000);
					}

					$('.repair-task').append(html);

					//隐藏加载框
					mui.hideLoading(function() { //隐藏后的回调函数  
					});
				} else if (data.code == 2002) {
					mui.alert(data.msg, function() {
						mui.openWindow({
							url: '../../login.html'
						})
					});
				} else {
					mui.alert(data.msg, function() {
						mui.openWindow({
							url: '../../404.html'
						})
					});
				}
			},
			error: function(xhr, type, errorThrown) { //异常处理； console.log(type);
				alert('登录异常，请您重新登录');
				mui.openWindow({
					url: '../../login.html',
					id: 'login.html'
				})
			}
		});
	}

	/*百度地图*/
	function liftMap(lag, lat) {
		var ggPoint = new BMap.Point(lag, lat);
		map.centerAndZoom(ggPoint, 19);
		map.addControl(new BMap.NavigationControl());
		translateCallback = function(data) {
			if (data.status === 0) {
				var marker = new BMap.Marker(data.points[0]);
				//默认动画
				map.addOverlay(marker); //将标注添加到地图中
				// 创建标注
				// var label = new BMap.Label(tit, {
				//     offset: new BMap.Size(-20, 30)
				// });
				// label.setStyle({
				//     width: "auto",
				//     color: '#fff',
				//     background: 'rgba(0,0,0,0.5)',
				//     border: 'none',
				//     borderRadius: "5px",
				//     textAlign: "center",
				//     height: "24px",
				//     lineHeight: "24px",
				//     padding: '0 3px '
				// });
				// marker.setLabel(label);
				map.setCenter(data.points[0]);

			}
		};
		setTimeout(function() {
			var convertor = new BMap.Convertor();
			var pointArr = [];
			pointArr.push(ggPoint);
			convertor.translate(pointArr, 1, 5, translateCallback)
		}, 1000);

	}

	//排序
	function compare(property) {
		return function(a, b) {
			var value1 = a[property];
			var value2 = b[property];
			return value1 - value2;
		}
	}

})
